@use './var.css';
@use './FormCreate/index.scss';
@use './theme.scss';
@use 'element-plus/theme-chalk/dark/css-vars.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

.reset-margin [class*='el-icon'] + span {
  margin-left: 2px !important;
}

// 解决抽屉弹出时，body宽度变化的问题
.el-popup-parent--hidden {
  width: 100% !important;
}

// 解决表格内容超过表格总宽度后，横向滚动条前端顶不到表格边缘的问题
.el-scrollbar__bar {
  display: flex;
  justify-content: flex-start;
}

/* nprogress 适配 element-plus 的主题色 */
#nprogress {
  & .bar {
    background-color: var(--el-color-primary) !important;
  }

  & .peg {
    box-shadow: 0 0 10px var(--el-color-primary),
    0 0 5px var(--el-color-primary) !important;
  }

  & .spinner-icon {
    border-top-color: var(--el-color-primary);
    border-left-color: var(--el-color-primary);
  }
}


div {
  color: #101010;
  font-size: 14PX;
}

@media screen and (max-width: 640px){
  div{
    font-size: 14PX;
  }
}


.overauto{
  overflow: auto;
  &::-webkit-scrollbar{
    display: none;
    width: 0;
  }
}

.transition{
  transition: all linear .25s;
}

.bg{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.flex-center{
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.text-line2 {
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  /* Number of lines to display */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-notification__title{
  font-size: 10PX !important;
}
.el-select-dropdown__empty{
  height: 30PX !important;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
}

.el-message{
  padding: 10PX;
}

.el-form-item__error{
  font-size: 10PX !important;
}

.el-message__content{
  font-size: 10PX !important;
}
